/*
  useRef
1. 导入 useRef 函数
2. 执行 useRef 函数并传入null，返回值为一个对象 内部有一个current属性存放拿到的dom对象（组件实例）
3. 通过ref 绑定 要获取的元素或者组件
*/
import React from "react"
import { useEffect, useRef } from "react"
class TestCom extends React.Component {
  state = {
    name: '我是testState'
  }
  render () {
    return (
      <div>我是类组件</div>
    )
  }
}
function App () {
  //执行 useRef 函数并传入null
  const testRef = useRef(null)
  const h1Ref = useRef(null)
  //获取元素
  useEffect(() => {
    console.log('testRef------', testRef.current)
    console.log('h1Ref----------', h1Ref.current)
  }, [])

  return (
    <div className="App">
      {/*通过ref 绑定 要获取的元素或者组件 */}
      <TestCom ref={testRef}></TestCom>
      <h1 ref={h1Ref}>标题</h1>
    </div>
  )
}
export default App
